<template>
    <div class="data-type">
        <span v-if="dataType.number.includes(type)" class="tag-No">No</span>
        <span v-else-if="dataType.date.includes(type)" class="tag-time">No</span>
        <span v-else class="tag-text">T</span>
    </div>
</template>

<script>
    import {dataType} from "../../utils/common";
    export default {
        name: "dataType",
        data() {
            return {
                dataType:dataType,
            }
        },
        props:{
            type:'',
        }
    }
</script>

<style scoped lang="stylus">
    .data-type{
        display flex
    }
    [class^='tag-']{
        margin-right 8px
        font-size 16px
        font-weight bolder
    }
    .tag-No{
        color #FD6616;
    }
    .tag-text{
        color #6195E4;
    }
    .tag-time{
        color #6195E4;
    }
</style>
